{% extends "_layouts/examples.html" %}
{% block title %}Vertically center{% endblock %}

{% block content %}
<div class="p-card u-vertically-center" style="min-height: 500px;">
  <div class="p-card">
    Vertically centered content
  </div>
</div>
{% endblock %}
